﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="mfShowSearchDjackList.aspx.cs" Inherits="msBsc.WebUi.mMall.Public.mfShowSearchDjackList" %>

<!DOCTYPE html>

<html>
<head>
    <title>手机地接客</title>
    <%=getMeta()%>
    <link rel="stylesheet" type="text/css" href="/themes/mStyle1/mGlobal.css" charset="gbk" />
    <%=getBodyBeforeJs()%>
    <script src="/??jqPlugin/js/jquery-1.8.3.min.js,js/jBase.js,js/jmPage.js,themes/Style1/jsQt.js,jqPlugin/js/laytpl.js"
        type="text/javascript"></script>
    <script type="text/javascript" src="/themes/Style1/jsQt.js"></script>
    <script type="text/javascript">
        $(window).load(function () {
        });
    </script>
    <!--head fix rgn-->
    <style type="text/css">
        .btn-home-search {
            position: inherit;
            background-image: none;
            line-height: 30px;
            width: 50px;
            text-align: center;
            font-family: 微软雅黑;
            font-size: 16px;
        }

        .list-wrap {
            width: 100%;
            margin: 8px 0;
            background-color: #fff;
            float: left;
        }

        .viewport {
            background-color: #edeeee;
        }

        .show-baseinfo {
            width: 100%;
            padding: 8px 15px;
            border-bottom: 1px solid #808080;
        }

        .left-header-pic {
            width: 20% !important;
            overflow: hidden;
            display: table-cell;
        }

        .header-pic {
            width: 100%;
            border-radius: 50%;
        }

        .djack-nick {
            width: 20%;
            overflow: hidden;
            display: table-cell;
            word-break: break-all;
            text-align: center;
            overflow: hidden;
            font-family: 微软雅黑;
            font-size: 14px;
            color: #4d4d4d;
        }

        .right-text-content {
            width: 78%;
            display: table-cell;
            padding-left: 2%;
            vertical-align: top;
        }


        .nick-service-order {
            width: 100%;
        }

        .djack-intro {
            width: 100%;
            word-break: break-all;
            font-family: 微软雅黑;
            font-size: 14px;
            overflow: hidden;
            display: table-cell;
        }

        .service-order {
            width: 78%;
            display: table-cell;
            padding-left: 2%;
            font-family: 微软雅黑;
        }

        .djack-service {
            width: 80%;
            font-size: 14px;
            color: #8d8d8d;
            display: table-cell;
        }

        .djack-order {
            /*width: 20%;*/
            border-radius: 5%/10%;
            background-color: #dc2625;
            padding: 10px 10px 10px 40px;
            display: table-cell;
            color: #fff;
            background-image: url(/themes/mStyle1/Image/public/linkonline_w.png);
            background-repeat: no-repeat;
            background-position: 5px 3px;
            cursor: pointer;
        }

        .phone-addr {
            width: 100%;
            padding: 8px 15px;
            display: table;
        }

        .link-phone, .link-addr {
            width: 50%;
            display: table-cell;
            line-height: 20px;
            font-family: 微软雅黑;
            color: #808080 !important;
        }

        .link-phone {
            background-image: url(/themes/mStyle1/Image/buyer/m_contact.png);
            background-size: 20px;
            background-repeat: no-repeat;
            padding-left: 25px;
        }

        @media (max-width:656px) {
            /*.list-wrap {
                width: 48.5%;
                margin-left: 1%;
            }*/

            .djack-service, .djack-order {
                display: block;
            }

            .djack-order {
                width: 25%;
                min-width: 100px;
            }
        }
    </style>
    <link rel="stylesheet" href="/themes/mStyle1/mSearch.css" />
    <base target="_self" />
</head>
<body>
    <div class="viewport">
        <input type="hidden" id="datatotalpages" value="">
        <input type="hidden" id="datacurrpage" value="">
        <input type="hidden" id="prevFilter" value="" />
        <header class="search-bar" style="">
            <form id="J_shSearchForm" method="get" action="/m/mp_ShowSearchDjackList.htm">
                <div class="search-bar-tbl">
                    <div class="search-bar-cell-3">
                        <a href="javascript:void(0);" onclick="history.go(-1);" style="color: #fff; vertical-align: middle; line-height: 28px; font-size: 16px; padding-left: 6px; padding-right: 6px;">&lt;&lt;</a>
                    </div>
                    <div class="search-bar-cell-2">
                        <div class="search-textfile">
                            <input autocomplete="off" name="f" id="f" class="search-textfile-input" placeholder="请输入地接客名称">
                        </div>
                    </div>
                    <div class="search-bar-cell-3">
                        <a href="javascript:void(0);" class="btn-home-search" onclick="J_shSearchForm.submit();">搜 索</a>
                    </div>
                </div>
            </form>
        </header>
        <div id="djack-list-wrap"></div>
        
        <%--<div class="list-wrap">
            <div class="show-baseinfo">
                <div class="pic-text-wrap" style="display: table; width: 100%">
                    <div class="left-header-pic">
                        <a href="/mp_DjackInfo.htm?djackId=">
                            <img src="/themes/mStyle1/Image/public/vehicle_default.jpg" class="header-pic" />
                        </a>
                    </div>
                    <div class="right-text-content">
                        <div class="djack-intro">
                            fjdlksjafldjasklfjdsal;fjlsa;fj
                        </div>

                    </div>
                </div>
                <div class="nick-service-order" style="display: table; width: 100%">
                    <div class="djack-nick"><a href="/mp_DjackInfo.htm?djackId=">fdjlasjfklsa</a></div>
                    <div class="service-order">
                        <div style="display: table; width: 100%">
                            <div class="djack-service">免费旅游资讯 / 旅游定制 / 导游服务 / 向导服务</div>
                            <div class="djack-order">在线联系</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="phone-addr">
                <a href="tel:15808054185" class="link-phone">15808054185</a>
                <div class="link-addr">重庆市-渝中区-石油路</div>
            </div>
        </div>--%>
        <div class="ptpt"></div>

    </div>
    <script type="text/javascript">
        var goodslisttemphtml = "";
        function doBoundGoodsList(_data, queryStr, searchVal, currentPage, totalPage) {
            alert(queryStr)
            $("#txtQuery").val(queryStr);
            $("#f").val(searchVal);
            $("#prevFilter").val(searchVal)
            $("#datacurrpage").val(currentPage);
            $("#datatotalpages").val(totalPage);

            if (goodslisttemphtml && goodslisttemphtml != "") {
                laytpl(goodslisttemphtml).render(_data, function (render) {
                    $("#djack-list-wrap").html(render);
                });
            } else {
                jQuery.loadHtml("/mMall/Template/mDjkShowSearchDjackList.html").done(function (_rethtml) {
                    goodslisttemphtml = HtmlUtil.htmlDecode(_rethtml);
                    laytpl(goodslisttemphtml).render(_data, function (render) {
                        $("#djack-list-wrap").html(render);
                    });
                });
            }

            //var _html = $('#set_djack_list').html();
            //laytpl(_html).render(_data, function (render) {
            //    $('#djack-list-wrap').append(render);
            //})
        }

        $(function () {
            $(window).scroll(function () {
                if ($(window).scrollTop() == $(document).height() - $(window).height()) {
                    var currentPage = $("#datacurrpage").val();
                    if ($("#datatotalpages").val() - currentPage > 0) {
                        var _jsParam = new jsonRow();
                        _jsParam.AddCell("ACTION", "GetNextDjack");
                        _jsParam.AddCell("f", $("#prevFilter").val());
                        _jsParam.AddCell("currentPage", currentPage - (-1));
                        ajaxComm(_jsParam);
                    }


                }
            })
        })
    </script>

    <%=GetDjackList() %>
</body>
<%=getBodyAfterJs() %>
</html>
